<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>

  <title>申请贷款</title>
</head>
<body>
  <%- include src/pages/common/header.html -%>

  <div class="content loan">
    <div class="main-container">
        <div class="loan__steps">
            <ol class="steps">
              <li class="steps__item active">
                <span class="steps__indicator">1</span>
                <div class="steps__inner">填写贷款申请</div>
              </li>
              <li class="steps__item active">
                <span class="steps__indicator">2</span>
                <div class="steps__inner">审批</div>
              </li>
              <li class="steps__item">
                <span class="steps__indicator">3</span>
                <div class="steps__inner">签署合同</div>
              </li>
            </ol>
        </div>

        <div class="stepanel record">
          <span class="stepanel__arrow nobar"></span>

          <div class="recorder">
            <div class="recorder__toolbar">
              <div class="toolbar__item">
                <i class="toolbar__icon toolbar__icon--record"></i>
                <label class="toolbar__label">开始录制</label>
              </div>
              <div class="toolbar__item">
                <i class="toolbar__icon toolbar__icon--pause"></i>
                <label class="toolbar__label">停止录制</label>
              </div>
            </div>
          </div>

          <div class="record__guide">
            <div class="guide__notice">
              注意:请调整好摄像头角度以后点击开始录制,并按照下述提示录制视频
            </div>

            <ol class="guide__terms">
              <li class="terms__item">
                <span class="terms__no">1</span>
                请面对屏幕微笑
              </li>
              <li class="terms__item">
                <span class="terms__no">2</span>
                请展示身份证正面，并保证您和身份证都能清晰入境
              </li>
              <li class="terms__item">
                <span class="terms__no">3</span>
                请展示身份证反面，并保证您和身份证都能清晰入境
              </li>
              <li class="terms__item">
                <span class="terms__no">4</span>
                请朗读以下文字
              </li>
            </ol>
            <blockquote class="guide__quote">
              <p class="quote__para"> 我正在伟仕小贷平台代表【企业名称】进行借款合同签署，</p>
              <p class="quote__para">合同号码：<span class="warning">【xxxxxxx】</span>，</p>
              <p class="quote__para">申请借款：<span class="warning">xxxxxxx元</span>，</p>
              <p class="quote__para">借款期限为 xxxx 年 x 月 x 日 至 xxxx 年 x 月 x 日</p>
              <p class="quote__para"> 我已充分阅读借款合同，以上内容属实。<i class="quote__close"></i></p>
            </blockquote>
            <button class="btn btn-primary guide__submit">提交</button>
          </div>
        </div>
    </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>

</body>
</html>